<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<!--meta http-equiv="cache-control" CONTENT="no-cache"-->
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible">
	    <meta name="description" content="Shopping UX Team Website">
	    <meta name="author" content="Shopping UX Team">
	    <meta name="developer" content="Ella Musina (emusina@google.com)">
	    <title>Shopping UX: Team Website</title>
     	<link rel="icon" href="favicon.ico" type="image/x-icon">
     	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
		<link href="dist/main.min.css" rel="stylesheet" type="text/css" media="screen">
	</head>
	<body data-spy="scroll" data-target="#menu" class="index">
		<div id="preloader" class="preloader"></div>
				
		<div id="loader" class="loader">
			<div class="content">
				<article><img src="img/general/loader.gif" width="50" height="53" alt="Loading"></article>	
			</div>
		</div>
		
		<!-- Start Website Menu -->
		<div id="menuBg" class="menuBg"><div class="graybar"></div></div>
		<nav id="menu" class="navbar navbar-default" role="navigation">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		     <!--<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		     </button>-->
		      <a class="navbar-brand" href="#hero"><span class="logo"></span> <span id="teamname">Shopping UX</span></a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">		            
		      <ul class="nav navbar-nav navbar-right" id="nav">
		      	<li class="active"><a href="#hero">Home</a></li>
		        <li><a href="#projects">Projects</a></li>
		        <li><a href="#principles">Design Principles</a></li>
		        <li><a href="#resources">Resources</a></li>
		        <li><a href="#research">Research</a></li>
		        <li><a href="#team">Team</a></li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->		  
		</nav>
		<!-- End Website Menu -->


		<!-- start hero slide -->
		<a href="#heroAnchor" id="heroAnchor" class="anchor"></a>
		<section class="section hero" id="hero">
			<div class="overlay semi-black">
				<div class="container">
					<article>
						<h2 id="sloganTitle">Mission</h2>
						<p class="lead" id="slogan">
							We create useful, engaging experiences that connect people to the products they love.
						</p>
					</article>		
				</div>
			</div>
		</section>
		<!-- end hero slide -->
			
		<!-- start projects slide -->
		<a href="#projectsAnchor" id="projectsAnchor" class="anchor"></a>
		<section class="section projects bg-white" id="projects">
			<div class="container">
				<article>
					<div class="hrz-rule">
						<h2>Projects</h2>
					</div>
					<br>
					<!-- list of projects -->
					<div class="row list-of-projects-row">
						<div class="col-md-4">
							<a class="project-item" id="project-1" href="products/#/product-listing-ads">
								<h3>Product Listing Ads</h3>
							</a>
						</div>
						<div class="col-md-4">
							<a class="project-item" id="project-2" href="products/#/shopping-property">
								<h3>Shopping Property</h3>
							</a>
						</div>
						<div class="col-md-4">
							<a class="project-item" id="project-3" href="products/#/google-express">
								<h3>Google Express</h3>
							</a>
						</div>
					</div>
					<div class="row list-of-projects-row">
						<div class="col-md-4">
							<a class="project-item" id="project-4" href="products/#/trust">
								<h3>Trust</h3>
							</a>
						</div>
						<div class="col-md-4">
							<a class="project-item" id="project-5" href="products/#/merchant-tools">
								<h3>Merchant Tools</h3>
							</a>
						</div>
						<div class="col-md-4">
							<a class="project-item" id="project-6" href="products/#/more">
								<h3>More...</h3>
							</a>
						</div>
					</div>
					
				</article>		
			</div>
		</section>
		<!-- end projects slide -->
			
		<!-- start design principles slide -->
		<a href="#principlesAnchor" id="principlesAnchor" class="anchor"></a>
		<section class="section principles" id="principles">
			<div class="overlay semi-haki">
				<div class="container">
						
						<!-- start carousel -->
						<div id="principles-carousel" class="carousel slide">
							<div class="hrz-rule">
								<h2>Shopping UX Design Principles</h2>
							</div>
							<br><br><br>
							
							<!-- Indicators -->
						  	<ol class="carousel-indicators">
						    	<li data-target="#principles-carousel" data-slide-to="0" class="active"></li>
						    	<li data-target="#principles-carousel" data-slide-to="1"></li>
						    	<li data-target="#principles-carousel" data-slide-to="2"></li>
						    	<li data-target="#principles-carousel" data-slide-to="3"></li>
						    	<li data-target="#principles-carousel" data-slide-to="4"></li>
						    	<li data-target="#principles-carousel" data-slide-to="5"></li>
						    	<li data-target="#principles-carousel" data-slide-to="6"></li>
						    	<li data-target="#principles-carousel" data-slide-to="7"></li>
						    	<li data-target="#principles-carousel" data-slide-to="8"></li>
						    	<li data-target="#principles-carousel" data-slide-to="9"></li>
						  	</ol>
						  	
						  	<!-- Wrapper for slides -->
							<div class="carousel-inner">
								<!--<div class="item active">
							    	<h3>Shopping UX Design Principles</h3>
								</div>-->
								<div class="item active">
							    	<h3>Good is the enemy of great.</h3>
							    	<p class="lead">We obsess over details and are unwilling to compromise in our quest to create a great experience. We value quality of execution over how quickly it was launched.</p> 
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Do not expect people to wait for us. (Fast).</h3>
									<p class="lead">We strive to eliminate latency wherever it exists. We make it easy for people to navigate our ever-expanding product selection and find their way back to products they may want.</p>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Embrace the power of simplicity. (Efficient).</h3>
									<p class="lead">Our features are easy to use and understand, regardless of the person's experience, knowledge, or current concentration level. We do not overwhelm people with alternatives or confuse with unneeded information; we tame complexity, make common tasks easy, and reduce the number of concepts required for the user to achieve their task. </p>	
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Delight the eye without distracting the mind. (Beautiful).</h3>
									<p class="lead">Harmony in form and function makes shopping a pleasure and keeps people from becoming overwhelmed. We are not satisfied with utilitarian designs; we pursue elegance and simplicity.</p>	
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Create memorable moments. (Delightful).</h3>
									<p class="lead">Understanding a person’s intent and anticipating their needs can pleasantly surprise and delight. We plan for thoughtful details; subtle effects, such as a carefully-placed animation or visual effect, contribute to a feeling of effortlessness and create a strong emotional connection.</p>	
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Help them choose. (Authoritative).</h3>
									<p class="lead">We help people make informed, confident buying decisions by providing the information they need, when they need it. If people have too many choices they won’t choose at all, therefore we provide recommendations and smart defaults, and let people change them if needed.</p>	
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Be worthy of people’s trust. (Trustworthy).</h3>
									<p class="lead">The user must feel in control at all times. We are not afraid to eliminate experiences that frustrate people or break their trust.</p>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Get to know your user. (Personalized).</h3>
									<p class="lead">We learn people’s preferences over time. Rather than asking them to make the same choices over and over, we place previous choices within easy reach. We know that peers are more influential than experts, so we strive to connect people to each other whenever possible.</p>	
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Provide a holistic experience. (Fluid).</h3>
									<p class="lead">Shopping is more than a single task on a single device. Users must be able to achieve their goals without interruption, and easily pick up where they left off. They should perceive shopping as a single system without realizing that system is made up of multiple components; they should feel as though they are part of an integrated whole.</p>	
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<h3>Understand their intent and goals. (Contextual).</h3>
									<p class="lead">There is not one perfect shopping experience. People have different needs for how they might approach or accomplish certain tasks depending on their context. We customize shopping experiences when differences between devices or product categories demand it. </p>	
									<div class="carousel-caption"></div>
								</div>
							</div>
							<!-- end slides -->
							
							<!-- Controls If Extra Arrow Paddle Controls are needed -->
							<!--<a class="left carousel-control" href="#principles-carousel" role="button" data-slide="prev">
							    <span class="glyphicon glyphicon-chevron-left"></span>
							</a>
						    <a class="right carousel-control" href="#principles-carousel" role="button" data-slide="next">
							    <span class="glyphicon glyphicon-chevron-right"></span>
							</a>-->
							
						<!--</div>-->
						<!-- end carousel -->
				</div>
			</div>
		</section>
		<!-- end design principles slide -->
			
		<!-- start resources slide -->
		<a href="#resourcesAnchor" id="resourcesAnchor" class="anchor"></a>
		<section class="section resources bg-white" id="resources">
			<div class="container">
				<article>
					<div class="hrz-rule">
						<h2>Resources</h2>
					</div>
					<br><br>
					<div class="row">
					  <div class="col-md-3">
					  	<img src="img/index/resources/icon-working-with-ux.png" width="90" height="64" alt=""><br>
					  	Working with UX					  	
					  </div>
					  <div class="col-md-3"><!-- https://docs.google.com/a/google.com/document/d/1xI4VIDqHIoCjisDs-TXQlUYnLh47CJ_0k0qp5m5z2Ng/edit -->
					  	<!--<a href="resources/#/1xI4VIDqHIoCjisDs-TXQlUYnLh47CJ_0k0qp5m5z2Ng" target="_blank"><img src="img/index/resources/icon-ux-reviews.png" width="90" height="64" alt=""></a><br>-->
						<a href="https://docs.google.com/document/d/1C93wS9RQXs2XS2bkbVkOr_OvaK5TgQu-AGWwHUoQOM0/edit" target="_blank"><img src="img/index/resources/icon-ux-reviews.png" width="90" height="64" alt=""></a><br>
					  	UX Reviews
					  </div>
					  <div class="col-md-3"><!-- https://docs.google.com/a/google.com/document/d/1jEEFZVrHnJMaKNdlUf6uKOa1aJqdF6b020kwRvc6e98/edit  -->
					  	<a target="_blank" href="resources/#/1jEEFZVrHnJMaKNdlUf6uKOa1aJqdF6b020kwRvc6e98"><img src="img/index/resources/icon-noogler-onboarding.png" width="90" height="64" alt=""></a><br>
					  	Noogler Onboarding
					  </div>
					  <div class="col-md-3">
					  	<img src="img/index/resources/icon-email-lists.png" width="90" height="64" alt=""><br>
					  	Email Lists
					  </div>
					</div>
				</article>
			</div>
		</section>			
		<!-- end resources slide -->
			
		<!-- start research slide -->
		<a href="#researchAnchor" id="researchAnchor" class="anchor"></a>
		<section class="section research" id="research">
			<div class="overlay semi-grey">
				<div class="container">
					<article>
						<div class="hrz-rule">
							<h2>Research</h2>
						</div>
						<br><br>
						<p class="lead">Our user research team focuses on understanding user behaviors, needs, and motivations
							through observation techniques, task analysis, and other feedback methodologies.</p>
						<br>
						<p><a href="research/" style="color:#bda914; text-transform: uppercase;font-weight:bold; text-decoration:none;">View Research Reports</a></p>
					</article>	
				</div>
			</div>
		</section>
		<!-- end research slide -->
			
		<!-- start team slide -->
		<a href="#teamAnchor" id="teamAnchor" class="anchor"></a>
		<section class="section team bg-white" id="team">
			<div class="members" id="members">
				<!-- start -->
				<div class="container">	
					<article>
						<div class="hrz-rule">
							<h2>Team</h2>
						</div>
						<br><br>
						<!-- 1st row -->
						<div class="row team-row" id="team-row-1">
							<div class="col-md-2">
								<figure id="fig-1-1">
									<a href="https://teams.googleplex.com/#person:u=abursey" target="_blank">
										<img src="img/index/members/adam-bursey.jpg" width="165" height="165" alt="Adam Bursey">
									</a>
									<figcaption>
										<h4>Adam Bursey</h4>
										<p>UX Manager</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-1-2">
									<a href="https://teams.googleplex.com/#person:u=avirk" target="_blank">
										<img src="img/index/members/adnan-virk.jpg" width="165" height="165" alt="Adnan Virk">	
									</a>
									<figcaption>
										<h4>Adnan Virk</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-1-3">
									<a href="https://teams.googleplex.com/#person:u=alisonboncha">
										<img src="img/index/members/ali-boncha.png" width="165" height="165" alt="Ali Boncha">
									</a>
									<figcaption>
										<h4>Alison Boncha</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-1-4">
									<a href="https://teams.googleplex.com/#person:u=aprung">
										<img src="img/index/members/allison-rung.png" width="165" height="165" alt="Allison Rung">
									</a>
									<figcaption>
										<h4>Allison Rung</h4>
										<p>Content Strategist</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-1-5">
									<a href="https://teams.googleplex.com/#person:u=rutzel" target="_blank">
										<img src="img/index/members/alley-rutzel.jpg" width="165" width="165" alt="Alley Rutzel">
									</a>
									<figcaption>
										<h4>Alley Rutzel</h4>
										<p>Design Manager</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
							    <figure id="fig-1-6">
							    	<a href="https://teams.googleplex.com/#person:u=amora" target="_blank">
							    		<img src="img/index/members/antonia-mora.png" width="165" height="165" alt="Antonia Mora">
							    	</a>
									<figcaption>
										<h4>Antonia Mora</h4>
										<p>Design Producer</p>
									</figcaption>
								</figure>
							</div>							
						</div>
						<br>
						<!-- next row -->
						<div class="row team-row" id="team-row-2">
							<div class="col-md-2">
								<figure id="fig-2-1">
									<a href="https://teams.googleplex.com/#person:u=bendupont" target="_blank">
										<img src="img/index/members/ben-dupont.jpg" width="165" height="165" alt="Ben DuPont">
									</a>
									<figcaption>
										<h4>Ben DuPont</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-2-2">
									<a href="https://teams.googleplex.com/#person:u=beverlyf" target="_blank">
										<img src="img/index/members/beverly-freeman.png" width="165" height="165" alt="Beverly Freeman">
									</a>
									<figcaption>
										<h4>Beverly Freeman</h4>
										<p>UX Researcher</p>
									</figcaption>
								</figure>
							</div>							
							<div class="col-md-2">
								<figure id="fig-2-3">
									<a href="https://teams.googleplex.com/#person:u=barritt" target="_blank">
										<img src="img/index/members/dan-barritt.jpg" width="165" height="165" alt="Dan Barritt">
									</a>
									<figcaption>
										<h4>Dan Barritt</h4>
										<p>UX Researcher</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-2-4">
									<a href="https://teams.googleplex.com/#person:u=davidtabb" target="_blank">
										<img src="img/index/members/david-tabb.jpg" width="165" height="165" alt="David Tabb">	
									</a>
									<figcaption>
										<h4>David Tabb</h4>
										<p>Interaction Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-2-5">
									<a href="https://teams.googleplex.com/#person:u=emonterrubio" target="_blank">
										<img src="img/index/members/ed-monterrubio.jpg" width="165" height="165" alt="Ed Monterrubio">	
									</a>
									<figcaption>
										<h4>Ed Monterrubio</h4>
										<p>Interaction Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-2-6">
									<a href="https://teams.googleplex.com/#person:u=emusina" target="_blank">
										<img src="img/index/members/ella-musina.jpg" width="165" height="165" alt="Ella Musina">
									</a>
									<figcaption>
										<h4>Ella Musina</h4>
										<p>UI Prototyper</p>
									</figcaption>
								</figure>
							</div>							
						</div>
						<br>
						<!-- start second row -->
						<div class="row team-row" id="team-row-3">
							<div class="col-md-2">
								<figure id="fig-3-1">
									<a href="https://teams.googleplex.com/#person:u=geoffb" target="_blank">
										<img src="img/index/members/geoff-barnes.jpg" width="165" height="165" alt="Geoff Barnes">
									</a>
									<figcaption>
										<h4>Geoff Barnes</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-3-2">
									<a href="https://teams.googleplex.com/#person:u=leei" target="_blank">
										<img src="img/index/members/irene-lee.jpg" width="165" height="165" alt="Irene Lee">
									</a>
									<figcaption>
										<h4>Irene Lee</h4>
										<p>Visual Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-3-3">
									<a href="https://teams.googleplex.com/#person:u=jdille" target="_blank">
										<img src="img/index/members/jack-dille.jpg" width="165" height="165" alt="Jack Dille">	
									</a>
									<figcaption>
										<h4>Jack Dille</h4>
										<p>Visual Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-3-4">
									<a href="https://teams.googleplex.com/#person:u=jakobmarti" target="_blank">
										<img src="img/index/members/jakob-marti.jpg" width="165" height="165" alt="Jakob Marti">		
									</a>
									<figcaption>
										<h4>Jakob Marti</h4>
										<p>UX Researcher</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-3-5">
									<a href="https://teams.googleplex.com/#person:u=janicepark" target="_blank">
										<img src="img/index/members/janice-park.jpg" width="165" height="165" alt="Janice Park">	
									</a>
									<figcaption>
										<h4>Janice Park</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-3-6">
									<a href="https://teams.googleplex.com/#person:u=katew" target="_blank">
										<img src="img/index/members/kate-whelan.jpg" width="165" height="165" alt="Kate Whelan">
									</a>
									<figcaption>
										<h4>Kate Whelan</h4>
										<p>Designer</p>
									</figcaption>
								</figure>
							</div>							
						</div>
						<br>
						
						<!-- 4th row -->
						<div class="row team-row" id="team-row-4">
							<div class="col-md-2">
								<figure id="fig-4-1">
									<a href="https://teams.googleplex.com/#person:u=margostern" target="_blank">
										<img src="img/index/members/margo-stern.png" width="165" height="165" alt="Margo Stern">
									</a>
									<figcaption>
										<h4>Margo Stern</h4>
										<p>Content Strategy Lead, Shopping</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-4-2">
									<a href="https://teams.googleplex.com/#person:u=rmanoharan" target="_blank">
										<img src="img/index/members/rani-manoharan.jpg" width="165" height="165" alt="Rani Manoharan">
									</a>
									<figcaption>
										<h4>Rani Manoharan</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-4-3">
									<a href="https://teams.googleplex.com/#person:u=rdesai" target="_blank">
										<img src="img/index/members/ratna-desai.jpg" width="165" height="165" alt="Ratna Desai">
									</a>
									<figcaption>
										<h4>Ratna Desai</h4>
										<p>UX Manager</p>
									</figcaption>
								</figure>
							</div>						
							<div class="col-md-2">
								<figure id="fig-4-4">
									<a href="https://teams.googleplex.com/#person:u=rgunthrie" target="_blank">
										<img src="img/index/members/rebecca-gunthrie.jpg" width="165" height="165" alt="Rebecca Gunthrie">	
									</a>
									<figcaption>
										<h4>Rebecca Gunthrie</h4>
										<p>Visual Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-4-5">
									<a href="https://teams.googleplex.com/#person:u=ricardomarquez">
										<img src="img/index/members/ricardo-marquez.png" width="165" height="165" alt="Ricardo Marquez">
									</a>
									<figcaption>
										<h4>Ricardo Marquez</h4>
										<p>Design Manager</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-4-6">
									<a href="https://teams.googleplex.com/#person:u=lawr" target="_blank">
										<img src="img/index/members/richard-law.jpg" width="165" height="165" alt="Richard Law">
									</a>
									<figcaption>
										<h4>Richard Law</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>																					
						</div>
						<br>
						
						<!-- 5th row -->
						<div class="row team-row" id="team-row-5">	
							<div class="col-md-2">
								<figure id="fig-5-1">
									<a href="https://teams.googleplex.com/#person:u=rockymedure" target="_blank">
										<img src="img/index/members/rocky-medure.jpg" width="165" height="165" alt="Rocky Medure">	
									</a>
									<figcaption>
										<h4>Rocky Medure</h4>
										<p>Interaction Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-5-2">
									<a href="https://teams.googleplex.com/#person:u=ryankim" target="_blank">
										<img src="img/index/members/ryan-kim.jpg" width="165" height="165" alt="Ryan Kim">	
									</a>
									<figcaption>
										<h4>Ryan Kim</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-5-3">
									<a href="https://teams.googleplex.com/#person:u=twuethrich">
										<img src="img/index/members/tanya-wuthrich.png" width="165" height="165" alt="Tanya Wuthrich">
									</a>
									<figcaption>
										<h4>Tanya Wutrich</h4>
										<p>Interaction Designer</p>
									</figcaption>
								</figure>
							</div>						
							<div class="col-md-2">
								<figure id="fig-5-4">
									<a href="https://teams.googleplex.com/#person:u=tmusser" target="_blank">
										<img src="img/index/members/tj-musser.jpg" width="165" height="165" alt="TJ Musser">	
									</a>
									<figcaption>
										<h4>TJ Musser</h4>
										<p>UI Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-5-5">
									<a href="https://teams.googleplex.com/#person:u=victoriatran" target="_blank">
										<img src="img/index/members/vicki-tran.jpg" width="165" height="165" alt="Vicki Tran">	
									</a>
									<figcaption>
										<h4>Vicki Tran</h4>
										<p>Interaction Designer</p>
									</figcaption>
								</figure>
							</div>
							<div class="col-md-2">
								<figure id="fig-5-6">
									<a href="https://teams.googleplex.com/#person:u=wtkoehler" target="_blank">
										<img src="img/index/members/will-koehler.png" width="165" height="165" alt="Will Koehler">
									</a>
									<figcaption>
										<h4>Will Koehler</h4>
										<p>Interaction Designer</p>
									</figcaption>
								</figure>
							</div>					
						</div>
						
						<!-- end 5th row -->
						
					</article>									
				</div>
				<!-- end -->
			</div>
			<footer>
				<div class="container">
					shopping-ux@google.com
				</div>
			</footer>
		</section>
		<!-- end team slide -->


		<!-- ADD FOOTER HTML -->	
		<script type="text/javascript" src="dist/main.min.js"></script>

	</body>
</html>